/*
SCREEN STYLESHEET
----------------------------------------*/

@media screen{

html{font-size:100.1%;}/*WinIE6- text resize adjust*/
body{ 
	margin:0 0 2em 0; 
	padding:0; 
	border:0; 
	font:1em verdana,helvetica,sans-serif; 
	color:#210; 
	/*background:#cacac6 url(./img/bg_body.jpg) top repeat-x;*/
	background-color: #DA7C00;
	text-align:center; 
}
.hide, #search label, #profile h2, #subscribe h2, #foot h2, #comments h3 span, #member-status label{position:absolute;left:-9999px;text-align:left;}
hr{display:block;clear:both;visibility:hidden;margin:0;height:0.1em;line-height:0.1em;}

/*
text =t
----------------------------------------*/
/* =a */
a:link,a:visited{ color:#06c; text-decoration:none; }
a:focus{ text-decoration:underline; color:#06c; }
a:hover, a:active{ text-decoration:underline; color:#06c; }
#logo a:hover{ border-bottom:0.2em solid #ccc; }

a.focus:link, a.focus:visited{position:absolute;left:-9999px;text-align:left;}
a.focus:focus, a.focus:hover{position:relative;display:block;text-align:center;left:0;margin-bottom:1em;font-size:0.9em;color:#06c;background:#ddd;}
a.focus:active{position:absolute;left:-9999px;text-align:left;}
a#skip{display:block;width:100%;position:absolute;top:0;left:0;margin:0;padding:0.1em 0 0.4em 0;font:900 0.7em arial,sans-serif;letter-spacing:0.2em;text-transform:uppercase;text-decoration:none;text-align:center;}
a#skip:link,a#skip:visited{color:#fff;background:transparent;}
a#skip:hover,a#skip:focus,a#skip:active{color:#000;background:transparent url(./img/bg_skip.gif) bottom center no-repeat;}
h2 a:link, h2 a:visited, #main-index div.post h3 a:link, #main-index div.post h3 a:visited/**/{color:#420}
h2 a:hover,h2 a:active, #main-index div.post h3 a:hover, #main-index div.post h3 a:active{color:#06c;}
#profile a:link, #profile a:visited{color:#d60;}
#profile a strong{color:#aaa;}
#work li a em{color:#b22c1b;font-style:normal;}
#work li a strong{color:#888;}
#profile a:hover, #profile a:active{text-decoration:underline;}
div.share ul li a:link, div.share ul li a:visited{text-decoration:none;text-transform:uppercase;}
div.share ul li a:hover, div.share ul li a:active{text-decoration:none;}
#default-form a.toggledown{padding-left:16px;background: url(./img/icon12_downarrow.gif) left no-repeat;}
#default-form a.toggleup{padding-left:16px;background: url(./img/icon12_uparrow.gif) left no-repeat;}
ul#paginator li.previous a{padding:0.2em 0 0.3em 16px;background: url(./img/icon_previous.gif) top left no-repeat;}
ul#paginator li.archive a{padding:0.2em 0 0.3em 0;background: url(./img/icon_downarrow.gif) bottom no-repeat;}
ul#paginator li.next a{padding:0.2em 16px 0.3em 0;background: url(./img/icon_next.gif) top right no-repeat;}
#subscribe a:link, #subscribe a:visited{color:#fff;text-decoration:none;}
#subscribe a:hover, #subscribe a:active{color:#fff;text-decoration:underline;}
#references ol li a:link img, #references ol li a:visited img, #member-site p a:link img, #member-site p a:visited img, #thumbs ul li a:link img, #thumbs ul li a:visited img{ padding:1px;border:1px solid #bba; }
#references ol li a:hover img, #references ol li a:active img, #member-site p a:focus img, #member-site p a:hover img, #member-site p a:active img, #thumbs ul li a:hover img, #thumbs ul li a:focus img, #thumbs ul li a:active img{ border:1px solid #06c; }
#member-controls a:link, #member-controls a:visited, #member-status ul li em a:link, #member-status ul li em a:visited{color:#390;}
#member-controls a:focus, #member-controls a:hover, #member-controls a:active, #member-status ul li em a:hover, #member-status ul li em a:focus, #member-status ul li em a:active{color:#c00;}
#phpsecbuy, #httpbuy, #phpsecsite{position:absolute;}
#phpsecbuy,#httpbuy{left:145px;top:50px;}
#phpsecsite{left:145px;top:110px;}
#phpsecbuy img, #httpbuy img, #phpsecsite img{border:0;}
#deck a:link, #deck a:visited{color:#420;font-size:1.1em;}
#deck #work ul li a{font:900 1.1em arial,sans-serif;}
#comments blockquote p.dtposted a{padding-left:14px;background: url(./img/icon12_link.gif) top left no-repeat;}
#member-controls a{font-weight:900;}
#default-form #style-guide ul li sup a{padding:0 0.5em;text-decoration:underline;}
#foot ul li a:link, #foot ul li a:visited{border:0;color:#585858;}
#foot ul li a:hover, #foot ul li a:active{text-decoration:underline;}
#foot li.feed a:link,#foot li.feed a:visited,#foot li.feed a:hover,#foot li.feed a:active{padding:0.33em 0 0.33em 20px;background: url(./img/icon_feed_standard14.gif) left no-repeat;}

/* =h */
h1,h2,h3,h4,h5,h6{ margin:0; padding:0.66em 0; color:#420; }
h1{ margin-top:1em; padding-bottom:0.33em; font:300 1.875em/1.1em arial,sans-serif; letter-spacing:-0.042em; color:#420; }
#main-index h2.blog, h1#header-short{ margin-top:0.5em; padding:0.66em 0 1em 20px; font:900 1.330em arial,monaco,sans-serif; text-transform:uppercase; letter-spacing:0.059em; color:#d60; border-bottom:0.059em solid #d0d0c6; }
h1#header-short.member{ padding-left:0; }
#byline{ margin:0.5em 5% 0 5%; }
#byline h1{ margin:0.5em 0 0.25em 0; padding:0.75em 0 0 20px; font:900 1.330em arial,monaco,sans-serif; text-transform:uppercase; letter-spacing:0.059em; color:#420; }
#main-index h1{ margin-top:0; }
#main-index h2.blog{ font-size:1.1em; padding:0.66em 0 0.66em 20px; margin:0 0 1.5em 0; border-top:1px solid #d0d0c6; border-bottom:1px dotted #d0d0c6; background: #f6f6f0 url(./img/icon16_date_f6f6f0.gif) left no-repeat; color:#d60; }
h2{ font:300 1.56em/1.1em arial,sans-serif; letter-spacing:-0.05em; }
#main div.post h2{padding:0.33em 0;}
#highlight h2, #references h2, #sup h2, #sup2 h2, #deck h2, #tags h2{ text-transform:uppercase; letter-spacing:0; margin:0.33em 0; padding:1em 0; font:900 1.2em arial,sans-serif; }
#member-meta h2, #member-status h2{padding-bottom:0;}
#work h2, #new-posts h2, #planet h2, #xfn h2, #top-posts h2, #top-articles h2, #new-comments h2, #community h2, #bookmarks h2, #sup div.vcalendar h2, #tags h2, #references h2, #top-members h2, #members h2, #member-meta h2, #member-status h2, #member-site h2, #highlight.about h2, #thumbs h2, #highlight.links h2{ padding-left:18px; }
h1.blog, #main-index h2, #new-posts h2, #top-posts h2, #post-meta h2{background: url(../img/icon_pen.gif) top left no-repeat;}
h1.work, #work h2{background: url(./img/icon_book.gif) top left no-repeat;}
#new-comments h2{background: url(./img/icon_bubble.gif) top left no-repeat;}
h1.planet, #planet h2, #xfn h2{background: url(./img/icon_planet.gif) top left no-repeat;}
div.vcalendar h2{background: url(./img/icon_broadcast.gif) top left no-repeat;}
#tags h2{background: url(./img/icon_folder.gif) top left no-repeat;}
h1.articles{background: url(./img/icon_doc.gif) top left no-repeat;}
#top-articles h2{background: url(./img/icon_doc_reverse.gif) top left no-repeat;}
#deck #work h2{background: url(./img/icon_book_reverse.gif) top left no-repeat;}
#top-posts h2{background: url(./img/icon_pen_reverse.gif) top left no-repeat;}
h1.community, #community h2, #members h2{background: url(./img/icon_community.gif) top left no-repeat;}
h1.profile, #member-meta h2, #member-status h2, #member-site h2{background: url(./img/icon_member.gif) top left no-repeat;}
#member-status h2.logged-in, #member-status h3{background: url(./img/icon_logged_in.gif) top left no-repeat;}
#deck #community h2{background: url(./img/icon_community_reverse.gif) top left no-repeat;}
#top-members h2{background: url(./img/icon_star.gif) top left no-repeat;}
#thumbs h2{background: url(./img/icon_photos.gif) top left no-repeat;}
h1.links, #highlight.links h2, #bookmarks h2, #references h2{background: url(./img/icon_links.gif) top left no-repeat;}
h1.contact, #highlight.about h2{background: url(./img/icon_mail.gif) top left no-repeat;}
h2.planet-day{ margin-top:1em; padding:0.66em 0 0.66em 18px; font:900 1.1em arial,monaco,sans-serif; text-transform:uppercase; letter-spacing:0.015em; color:#d60; border-top:1px solid #d0d0c6; background: #f6f6f0 url(./img/icon16_date_f6f6f0.gif) left no-repeat; }
#post-meta h2{ padding:1em 0 0 20px; font:900 1.1em arial,monaco,sans-serif; text-transform:uppercase; letter-spacing:0.015em; color:#d60; }
#references h2{color:#d60;}

h3, .post .shelf div h2{padding-bottom:0.33em;font:300 1.485em arial,sans-serif;}
div.planet-post h3{ padding:1.33em 0 0.33em 0; font:300 1.8em/1.1em arial,sans-serif; border-top:1px dotted #d0d0c6; }
#main div.day3 h3{ 	padding:0.66em 0 0.33em 0; 	font:300 1.4em/1.1em arial,sans-serif; 	border-top:1px dotted #d0d0c6; 	}
#main-index div.post h3{ 	padding:0; 	}
#style-guide h3, #account-prompt-on h3{ font:900 1.2em arial,monaco,sans-serif; text-transform:uppercase; letter-spacing:0.015em; margin-top:0.5em; padding:1em 0 0 0; border-top:2px solid #fff; }
#comments h3{ position:relative; float:left; width:20%; margin:1em 0 0 0; padding:3em 0 0 0; font-size:1em; line-height:1.2em; border-top:1px solid #d0d0c6; text-align:center; }
#comments div.chris h3, #comments div.chris blockquote{ border-top:1px solid #420; }
#comments div.chris blockquote blockquote{border-top:0;}
#comments div.chris h3 strong{color:#d60;} 
#comments div.chris blockquote p.dtposted{color:#420;}
#comments div.chris h3 cite{color:#420}
#comments div.chris blockquote p{color:#210;}
#comments.profile h3{ position:relative; float:none; width:auto; margin-bottom:1em; padding:0; border:0; text-align:left; border-top:1px solid #d0d0c6; }
#comments h3 strong{ position:absolute; left:0; top:-0.6em; padding:0 0.2em 0 14px; font:300 1.5em/1em arial,sans-serif; color:#b0b0a6; background:#fff url(./img/icon12_comments.gif) left no-repeat; }
#comments #preview h3 strong{ position:absolute; top:0.1em; left:0.75em; color:#390; font-size:1.3em; font-weight:900; text-transform:uppercase; background:transparent url(./img/icon12_comments.gif) left no-repeat; }
#comments h3 em{ display:block; text-align:center; font-size:0.95em; font-style:normal; color:#777; }
#comments h3 cite{display:block;font-style:normal;font-weight:900;margin:1em 0 1.5em 0;}
#comments #preview h3, #comments #preview blockquote{ border-top:0; }
#sup div.vcalendar h3{ font-size:1.2em; padding-bottom:0; font-weight:900; }
#member-status h3{ font:900 1em/1em arial,sans-serif; padding:1.25em 0 0.66em 18px; border-top:1px dotted #e6e6e0; }
#member-status form h3.error{ color:#d60; background: url(./img/icon_error.gif) left no-repeat; }

h4{	font:900 1.3em arial,sans-serif;}
div.planet-post h4.author{ padding:0; font: 300 0.95em verdana, sans-serif; color:#665; }
div.planet-post h4.author img, #xfn ul li img{ margin:0 0.5em 0.5em 0; border:0; vertical-align:middle; width:16px; height:16px; }
#main div.day3 h4.author{padding:0 0 1em 0;}

/* =p */
#logo p{margin:0;}
#byline p{ margin:0; padding:0; color:#420; }
#sup p, #new-comments p.details{font-size:0.95em;}
#new-comments p.details{font-weight:900;}
#profile p{ margin:0; padding:0.75em; color:#ba9; }
#work p{ text-align:center; margin-top:0; }
#work p a{ text-decoration:none; }
p.details{text-align:right;padding-right:16px;background: url(./img/icon_next.gif) top right no-repeat;}
div.post p.details{line-height:1.3em;}
div.vevent p{ margin:0.25em 0; }
#member-status form p{ margin:0.25em 0 1em 0; }
#sup div.vevent p.date{ font:1.1em georgia,serif; color:#c30; }
p.expand, p.contract{ margin:0; text-align:left; text-transform:uppercase; font-size:0.8em; }
#comments p.expand,#comments p.contract{font-size:0.8em;}
p.expand a, p.contract a{padding:0.3em 0 0 16px;}
p.expand a{background: url(./img/icon_toggleon.gif) top left no-repeat;}
p.contract a{background: url(./img/icon_toggleoff.gif) top left no-repeat;}
p.cite{text-align:right;}
#post-meta p{ margin:0.66em 0 1.33em 0; font-size:0.85em; line-height:1.4em; color:#643; }
#highlight p{ font-size:0.95em; margin-top:0; }
#personal-note h2, #personal-note p{ margin:0; padding:0.25em 0; }
p.postedin em{font-size:0.9em;font-style:normal;padding:0 0 4px 16px;background: url(./img/icon12_link.gif) top left no-repeat;}
p.blockimg{text-align:center;}

#comments blockquote p{ font-size:0.95em; line-height:1.8em; color:#555; }
#comments blockquote p.dtposted{ position:absolute; top:-0.6em; right:0; padding-left:0.5em; margin:0; font-size:0.85em; line-height:1em; color:#868670; text-align:right; background:#fff; }
#comments.profile blockquote p.dtposted{top:0;}
#comments #preview blockquote p.dtposted{ right:0.4em; background:0; }
#member-site p{ margin-top:0; line-height:1em; font:900 1.1em/1em arial,sans-serif; text-align:center; }
#member-controls{ float:right; display:inline; font:300 0.9em/1.3em arial,sans-serif; margin:1em 0 0 0; padding:0.33em 0.66em; color:#606056; border-bottom:1px solid #d0d0c6; border-left:1px solid #d0d0c6; }

/* structured text =s */
#subscribe ul li em{text-transform:none;font-style:normal;font-weight:300;}
#member-meta ul strong{color:#d60;}
#introduction strong{ color:#606056; }
#default-form #style-guide ul li strong{ font-weight:300; color:#444; }
div.vevent p.date abbr{ border:0; }
p.url code, div.post code, #comments blockquote code, #style-guide code{font:1.25em monospace;color:#c30;}
/* code view */
div.post ol.code, div.post ol.code li, div.post pre.code, div.planet-post ol.code, div.planet-post ol.code li, div.planet-post pre.code, #comments ol.code, #comments ol.code li, #comments pre.code{ font:1em/1em monospace; }
div.post ol.code li code, div.post pre.code code, div.planet-post ol.code li code, div.planet-post pre.code code, #comments ol.code li code, #comments pre.code code{ font:1em/1em monospace; }
div.post ol.code li, div.post pre.code, div.planet-post ol.code li, div.planet-post pre.code, #comments ol.code li, #comments pre.code{ font-size:1.25em; }
div.post ol.code li code, div.post pre.code code, div.planet-post ol.code li code, div.planet-post pre.code code, #comments ol.code li code, #comments pre.code code{ font: 1em/1.8em 'courier',monospace;color:#c30; }
.comment {color: #939399;}
.default{color: #44c;}
.keyword{color: #373;}
.string{color: #c30;}
pre.code{ width:90%; margin:0 5%; padding:0; background:#f6f6f0; border-top:1px solid #d3d3d0; overflow:auto; }
pre.code code{ margin:0 0 0 2.8em; padding:0; white-space:pre;}
div.post ol.code, div.planet-post ol.code, #comments ol.code{ margin:0 0 0 5%; padding-bottom:1px; width:90%; margin:0 5%; padding:0; list-style-position:inside; border:1px solid #d3d3d0; overflow:hidden; color:#939399; }
ol.code li{ float:left; clear:both; width:99%; white-space:nowrap; margin:0; padding:0 0 0 0.5em; background:#fff; }
ol.code li code{ padding-left:0.5em; white-space:pre;}
ol.code li.odd{ background:#f3f3f0; }
#comments ol.code, #comments pre.code{ width:100%; margin:0; }
#comments pre.code{ width:100%; }
sup{color:#d60;line-height:1em;} div.post ins{text-decoration:none;color:#420;font-weight:900;border-bottom:1px solid #d0ca9d;padding:0 0.2em;}
del{color:#666} div.post del{color:#999;}
div.post blockquote, #comments blockquote blockquote, #comments.profile blockquote blockquote{ overflow:hidden; margin:1em 0; padding:0.2em 1.25em 0.2em 24px; background:#f3f3f0 url(./img/bg_blockquote2.gif) top left no-repeat; color:#543; }
#comments blockquote blockquote, #comments.profile blockquote blockquote{ float:none; width:auto; margin:1em 0; border:0; }
#comments blockquote{ position:relative; float:right; width:74%; margin:1em 0 0 0; padding:1.5em 0; border-top:1px solid #d0d0c6; }
#comments.profile blockquote{ margin:-1.5em 0 0 0; float:none; width:auto; background:transparent; border-top:0; }
p.cite cite, #member-status ul li em{ font-style:normal; }
#default-form #style-guide ul li span{ display:block; line-height:1.8em; color:#444; }

/* =l*/
ul{list-style:circle;}
#highlight #xfn ul li{ padding-left:0; background:0; }
#tabs, #controls dl, #xfn ul, #default-form #msg ul{ list-style:none; margin:0; padding:0; }
#tabs{ font:1.3em georgia,serif; }
#controls dl{ font:900 0.95em arial,sans-serif; padding:1em 0.5em 0.8em 1.5em;}
#tabs li, #controls dl *{ display:inline; }
#tabs li{ margin-left:1em; padding:0.25em 0; }
#controls dl dd{ line-height:1em; padding:0 0 8px 0; margin:0 1em 0 0;}
#controls li.live,#controls dd.live{ background: url(./img/bg_live.gif) bottom no-repeat; }
#controls li.live a, #controls dd.live a{color:#d50;}
#controls dl dd.all a {padding:0 0 0 16px;background: url(./img/icon_display.gif) 0 0 no-repeat; }
#controls dl dd.all a{padding-top:2px;padding-bottom:2px;margin:0 1em;} 
ul.meta, div.post ul.meta{ margin:0.66em 0 2em 0; padding:0 0 0.66em 0; font-size:0.85em; line-height:1.1em; text-transform:uppercase; color:#665; border-bottom:0.1em solid #e0e0d6; }
#planet dl, #new-posts dl, #community dl{ margin:0.5em 0; }
#new-posts dl ul.meta, #top-posts dl ul.meta, #top-articles dl ul.meta, #deck #community dl{ margin:0.75em 0; padding-bottom:1em; font-size:0.9em; }
#new-posts dl dt a, #top-posts dl dt a, #top-articles dl dt a, #deck #bookmarks ol a, #deck #community dd{ font: 900 1.1em arial,sans-serif; }
#deck #community dl{font-size:1em;}
#deck #community dt a{ text-decoration:underline; font-size:1em; }
ul.meta li, div.post ul.meta li{ display:inline; margin-right:0.5em; padding:0 0 0 14px; }
ul.meta li.date, div.post ul.meta li.date{ background: url(./img/icon16_date.gif) top left no-repeat; }
div.post ul.meta li.orig-pub{ display:block; clear:both; padding:0 0 0.66em 14px; font:900 1.2em arial,sans-serif; text-transform:none; background:0; background: url(./img/icon16_folio.gif) top left no-repeat; }
div.post ul, div.planet-post ul{ list-style:none; margin:0 8%; padding:0; }
#personal-note ul{list-style:none;padding:0;margin-left:1.5em;}
div.post ul li, div.post dt, div.planet-post ul li, div.planet-post dt, #work ul li, #tags ul li, #default-form #style-guide ul li, #default-form #account-prompt-on ul li, #members ul li, #highlight ul li, #personal-note ul li, #default-form #msg ul li{ padding-left:14px; background: url(./img/bg_ul.gif) top left no-repeat; }
div.post ol, div.planet-post ol{ margin:0 12%; padding:0; }
#default-form #msg ul{ margin:0.5em 1em 1em 2em; }
#default-form #style-guide ul,
#default-form #style-guide ol,
#default-form #account-prompt-on ul{ margin:0.75em 0 0 0.5em; padding:0; list-style:none; }
#default-form #style-guide ol{list-style:decimal;margin:0.5em 0 0.5em 2em;}
#default-form #style-guide ol li{margin:0.5em 0;line-height:1.4em;color:#420;}
#bookmarks ol, #member-site ol{ list-style:none; font-size:0.95em; line-height:1.3em; margin:0; padding:0; }
#bookmarks ol li, #member-site ol li{ margin:0; padding:0.33em 0; border-top:1px dotted #e6e6e0; }
#references ol{ list-style:decimal inside; font-size:0.95em; line-height:1.3em; margin:0 0 0 1em; padding:0; }
#references ol li{ float:left; padding-left:0.5em; list-style: decimal inside; font:900 1.1em arial,sans-serif; color:#d60; }
#references ol li img{ border:0; width:60px; vertical-align:text-top; margin-bottom:0.66em; }
#deck ul.meta li.comments{ background: url(./img/icon16_comments_reverse.gif) top left no-repeat; }
#deck ul.meta li.date{ background: url(./img/icon16_date_reverse.gif) top left no-repeat; }
div.post ul.meta li.comments, ul.meta li.comments, ul.post-foot li.comments{ background: url(./img/icon16_comments.gif) top left no-repeat; }
ul.meta li.references, ul.post-foot li.references{ background: url(./img/icon16_references.gif) top left no-repeat; }
#top-posts dl, #top-articles dl, #deck #community dl{ margin:0.75em 0; }
#top-posts dt, #top-articles dt, #deck #work p{ margin:0; padding-top:0.5em; border-top:1px solid #fff; }
#deck #work p{ margin:0.75em 0 0 0; padding-bottom:0.75em; }
#deck #work ul{ margin:0; padding:0.75em 0; border-top:1px solid #fff; }
#top-posts dd ul.meta, #top-articles dd ul.meta{ margin:0.5em 0 1em 0; padding:0; border:0; }
#deck #community dt{ margin:0.75em 0 0 0; padding:0.75em 0 0 0; border-top:1px solid #fff; }
#deck #community dd{ margin:0.25em 0 0 0; font-size:1em; }
ul.post-foot, div.share ul, ul#paginator{ margin:0; padding:1em 0; list-style:none; text-align:center; }
ul#paginator{margin:0;}
ul.post-foot{border-top:1px solid #e0e0d6;}
ul.post-foot li{text-transform:uppercase;font-size:0.85em;}
ul.meta li.link, ul.post-foot li.link{padding-left:16px;background: url(./img/icon16_link.gif) top left no-repeat;}
ul.post-foot li.comments, ul.post-foot li.references{padding-left:16px;}
div.share ul{ background: url(../img/bg_post-utilities_ul.gif) top repeat-x; }
div.share ul li, ul#paginator li{ display:inline; margin:0.33em; font-size:0.8em; white-space:nowrap; }
ul#paginator li{ margin:0 1em; font:900 0.9em arial,monaco,sans-serif; text-transform:uppercase; }
div.share ul li img{ vertical-align:middle; border:0; }
#subscribe ul{ list-style:none; margin:0; padding:0.66em 0.33em 0.66em 1em; text-align:left; text-transform:uppercase; background: url(./img/bg_syndicate_ul.gif) top right no-repeat; }
#subscribe ul li{ padding:0.33em 0 0.33em 24px; background: url(./img/icon_feed_standard.gif) left no-repeat; }
#work ul, #tags ul, #members ul, #highlight ul{ list-style:none; margin:0.66em 0 1.33em 0.66em; padding:0; font-size:0.95em; }
#work ul li, #tags ul li, #members ul li, #highlight ul li{padding:0.25em 0 0.2em 12px;}
#tags ul li, #members ul li, #highlight ul li{font: 900 1.1em arial,serif;padding-top:0.33em;}
#work ul li span{display:block;}
#top-members ol{ color:#777; font:900 1em/1.6em arial,sans-serif; margin:0 0 2em 3.33em; padding:0; }
#foot ul{ margin:0; padding:1.66em 1%; list-style:none;	/*background: url(./img/bg_foot_ul.gif) right no-repeat; */font:900 0.75em arial,sans-serif; letter-spacing:0.05em; text-transform:uppercase; }
ul.post-foot li, #foot ul li{display:inline;margin:0 0.66em;}
#thumbs ul{list-style:none;margin:0;padding:0;}
#thumbs ul li{display:inline;}
#member-status ul{color:#606056;}

/* =dl */
dd{ margin-left:0; } #planet dt, #community dt{ padding:0.66em 0 0.33em 0; border-top:1px dotted #e6e6e0; }
#planet dd, #planet dl dt a, #community dt, #community dd{ font-size:0.95em; }
div.post dl, div.planet-post dl{ margin-left:8%; }
div.post dt, div.planet-post dt{ font-weight:900; }
div.post dd, div.planet-post dd{ padding-left:16px; }
#new-comments dl dt{ padding:0 0 0 14px; background: url(./img/icon16_comments.gif) top left no-repeat; line-height:1em; }
#new-comments dl dt cite{ font-style:normal; }
#new-comments dl blockquote{ margin:0; padding:0; line-height:1.6em; }
#sup2 #new-comments dl blockquote{ font-size:0.95em; }
#new-comments dd.source{ font-size:0.95em; padding-bottom:1em; margin-bottom:1.5em; border-bottom:0.1em solid #e0e0d6; }

/* =i */
#masthead img{border:0;}
#profile img{ float:left; margin:1em 0.75em 1em 1em; border:1px solid #ffe; }
#subscribe img, h1#header-short.member img{ border:0; margin:0; vertical-align:middle; }
h1#header-short.member img{margin-right:0.33em;}
#work img{ margin:0 2px; border:0; vertical-align:middle; }
img.right, img.left, p.blockimg img, #comments h3 em img, h1#header-short.member img{ padding:1px; border:1px solid #e0e0d6; }
img.right{ float:right; margin:0.25em 10% 0.5em 1.5em; }
img.left{ float:left; margin:0.25em 1.5em 0.5em 10%; }
p img.right{ float:right; margin:0.25em 0 0.5em 1.5em; }
p img.left{ float:left; margin:0.25em 1.5em 0.5em 0; }
#thumbs ul li img{width:83px;}

/* data tables */
table{ border-collapse:collapse; width:90%;}
th,td{ text-align:left; padding: 0 0.313em; border: 0.078em solid #ddd; }
th{font:900 1.095em arial,monaco,sans-serif; color:#000; padding: 0.286em; border-bottom: 0.143em solid #ddd;}

/* =x
ALL the daft margin and padding properties and values because IE6- does not render padding and child element margins within the parent element
----------------------------------------*/
#planet, #bookmarks, #references h2, #sup div.vcalendar, #tags, #sup #community, #member-site h2, #member-site ol, #member-site p, #sup #new-comments, #sup2 h2, #sup2 p, #sup2 #bookmarks ol, #sup2 #bookmarks dl, #sup2 #new-articles dl, #sup2 #new-comments dl, #highlight h2, #highlight #community dl, #highlight p, #members ul, #highlight ul, #xfn h2, #xfn ul, #thumbs, #member-status form{ margin-right:7%; margin-left:7%; }
#work, #main-index h1, h1#header-short, #controls, div.post h1, #main-index h2.blog, /*#main-index h2.month,*/ div.post h2, div.post h3, div.post p, div.post blockquote, div.post ul.meta, div.post div.note, div.post p.url, div.post table, div#post-meta, div.planet-post h3, div.planet-post h4, div.planet-post h5, div.planet-post h6, div.planet-post p, h2.planet-day, #planet-day3 dd, ul.post-foot, div.share, ul#paginator, #introduction, #personal-note{ margin-right:5%; margin-left:5%; }
/* child corrections */
div.post blockquote p, div.post div.note p, #new-comments blockquote p{ margin-right:0; margin-left:0; line-height:1.6em; }
div.post div.note p{color:#443;}
#deck #work{margin:0;}

/*forms =f
----------------------------------------*/
form{margin:0;padding:0;}
#default-form{ margin:0 5% 2em 5%; padding:1em 0 0 0; border-top:2px solid #ddd; }
#member-status form{margin-bottom:1em;}
#default-form h2{padding-bottom:0;}
#default-form form{ margin-top:1em;	padding:1.5em 0 2em 0; background:#f6f6f0; border-top:1px solid #ddd; border-bottom:2px solid #ddd; }
#default-form #msg{ margin:0 1em 2em 1em; padding-left:38px; }
#default-form #msg.warning{ background: url(./img/icon_msg_warning.gif) top left no-repeat; border-bottom:1px solid #f90; }
#default-form #msg.success{ background: url(./img/icon_msg_success.gif) left no-repeat; border-bottom:1px solid #393; }
#default-form #msg h3{font-size:1.2em;}
#default-form #msg.warning h3{color:#d60;}
#default-form #msg.success h3{color:#393;}
fieldset{margin:0;padding:0;}
#default-form fieldset{ border:0; }
#default-form legend{visibility:hidden;margin:0;height:0.1em;line-height:0.1em;}
#default-form fieldset div{ position:relative; width:100%; padding-bottom:0.66em; }
#default-form fieldset p{ padding-bottom:0.33em; }
#default-form form p{ margin:0 0 0.66em 26%; line-height:1.4em; font-size:0.85em; }
#default-form p#submit{ margin-top:1em; }
#default-form p span, #default-form div label span{ font:300 1.1em verdana,sans-serif; color:#d60; }
#default-form fieldset div label{ display:block;	float:left; width:25%; margin-right:1%; font: 900 1em/1.8em arial,sans-serif; text-align:right; }
#default-form fieldset div label em{ position:absolute; right:0; width:10.5em; padding-top:0.25em; font: 300 0.9em arial,sans-serif; text-align:left; }
#default-form fieldset div input{ width:45%; }
#default-form fieldset p input{ padding:0; margin:0; vertical-align:middle; }
#default-form fieldset div textarea{ width:71%; font: 0.95em verdana, sans-serif; height:14em; }
#default-form fieldset div input, #default-form fieldset div textarea, #default-form fieldset div select, #member-status form #openid{ padding:0.1em; color:#420; background:#fff; border:1px solid #e0e0d6; }
#default-form fieldset div input.disabled{ background:none; border:1px solid #e0e0d6; color:#606056; }
#default-form p#submit input, #member-status form input.submit{ padding:0.2em 0.3em; font: 900 0.95em arial,sans-serif; font-size:1.1em; }
#default-form p#submit input#submit2{ color:#06c; }
#default-form p#submit input#submit1{ text-transform:uppercase; color:#06c; }
#member-status form input.submit{display:block; margin-top:0.33em; font-size:1.04em; padding:0; color:#06c; }
#member-status form div{width:100%;}
#member-status form #openid{font-size:1.04em; background: url(./img/icon_openid.png) left no-repeat; display:block; width:90%; padding-left:16px;}
#member-status form #openid:focus{border:1px solid #abc;}	
/* form element focus */
#default-form fieldset input:focus, #default-form fieldset textarea:focus, #default-form fieldset select:focus{ background: #e4eef8; border:1px solid #abc; }

/*
main grouping elements - layers / dividers =d
----------------------------------------*/
#wrap{ position:relative; margin:2px auto 0 auto; background: #fff; text-align:left; border:3px solid #fff; max-width:60em; }
#masthead{ position:relative; height:10em; background:#e6e6e0 url(./img/bg_masthead.gif) top repeat-x; border-bottom:1px solid #ccc; }
#menu{position:relative;background:#e3e3e0;border-top:1px solid #fff;border-bottom:1px solid #ccc;}
#menu ul{margin:0 3%;padding:1em 0;list-style:none;font: 0.8em/2em arial,sans-serif;text-transform:lowercase;}
#menu ul li{display:inline;margin:0;padding:0.5em 0;}
#menu ul li a:link, #menu ul li a:visited, #menu ul li a:hover, #menu ul li a:active{padding:0.5em 0.66em;text-align:center;	color:#000;font-weight:300;}
#menu ul li a:focus, #menu ul li a:hover, #menu ul li a:active{color:#eed;background:#dd8f00 url(./img/bg_menu_a_hover.gif) top center no-repeat;border-bottom:1px solid #dd8f00;text-decoration:none;}
#menu ul li a:link.live, #menu ul li a:visited.live, #menu ul li a:hover.live, #menu ul li a:active.live{font-weight:900;color:#eed;background:#420 url(./img/bg_menu_a_live.gif) top center no-repeat;border-bottom:1px solid #420;}
#content{ margin-top:1px; padding:2.66em 3%; font-size:0.8em; line-height:1.8em; background: #fff url(./img/bg_content.gif) top repeat-x; border-bottom:1px solid #eee; }
#deck{ padding:0 0 1em 0; background: #fff url(./img/bg_content.gif) top repeat-x; color:#000; border-top:1px solid #fff; border-bottom:1px solid #ddd; }
#foot{ width:100%; background: #8c8c80 /*url(./img/bg_foot.gif) repeat;*/ color:#585858;/*ddd*/ text-align:left; border-top:1px solid #fcfcf5; }

/*
supplementary grouping elements - layers / dividers =sd
----------------------------------------*/
#newlabel{ position:absolute; left:-3px; top:-3px; width:40px; height:40px; background: url(./img/bg_new.gif) top left no-repeat; }
#logo{ position:relative; float:left; margin-top:1.85em; padding-left:3%; }

/*search*/
#search{float:right;width:46%;margin:0 3% 0 0;display:inline;/*WinIE*/padding-top:1.33em;}
#search form{margin:0;padding:0;text-align:left;position:relative;}
#search ul{list-style:none;margin:0 0.66em 0.66em 0;padding:0;text-align:right;font-size:0.7em;text-transform:lowercase;}
#search ul li{display:inline;margin-right:0.5em;padding-right:0.5em;border-right:1px solid #bbb;}
#search ul li.end{border:0;margin-right:0;padding:0;}
#search p{margin:0.66em;font-size:0.7em;text-align:right;color:#666;text-transform:lowercase;}
#search a:link, #search a:visited{font-weight:300;color:#333;}
#search a:hover, #search a:active{font-weight:300;text-decoration:underline;}	
#search input{width:92%;margin:0.1em 0;border:0;background:0;padding:0.1em 0 0.2em 0.5em;color:#420;font:900 0.8em/1.3em arial,verdana,helvetica,sans-serif;}
#search input.button{position:absolute;right:10px;top:0.4em;width:auto;padding:0;}
#search form span{display:block;width:100%;padding:0;background: transparent url(./img/bg_span_tl.gif) top left no-repeat;}
#search form span span{	background: transparent url(./img/bg_span_tr.gif) top right no-repeat;}
#search form span span span{background: transparent url(./img/bg_span_br.gif) bottom right no-repeat;}
#search form span span span span{padding:0.15em 0.3em;background: transparent url(./img/bg_span_bl.gif) bottom left no-repeat;}
#profile{ float:right; width:23%; margin-bottom:1.75em; padding-top:0.33em; font-size:0.89em; line-height:1.3em; background: #210 url(./img/bg_profile.gif) top center no-repeat; border-right:1px solid #ccb; border-bottom:1px solid #ccb; border-left:1px solid #ccb; color:#a98; }
#main{ float:left; width:70%; padding:0 2% 1.33em 2%; font-size:1em; line-height:1.8em; background: #fff url(./img/bg_col.gif) top center no-repeat; }
#main-index{ position:relative; float:left; width:47%; padding:0.33em 0; line-height:1.8em; background: #fff url(./img/bg_col.gif) top center no-repeat; }
#sup2{ float:left; width:24%; padding:0.66em 0; margin-left:3%; font-size:0.9em; line-height:1.5em; background: #fff url(./img/bg_col.gif) top center no-repeat; }
#highlight, #references, #sup, #subscribe{ float:right; width:23%; margin-bottom:1.5em; padding:0.66em 0; font-size:0.9em; line-height:1.5em; }
#references, #sup, #subscribe{background: #fff url(./img/bg_sup.gif) top center no-repeat;}
#highlight{ padding-top:60px; margin-bottom:0; }
div.planet{background: #fff url(./img/bg_highlight_planet.jpg) top center no-repeat;}
div.community{background: #fff url(./img/bg_highlight_community.jpg) top center no-repeat;}
#highlight.about{background: #fff url(./img/bg_highlight_about.jpg) top center no-repeat;margin-bottom:1.6em;border-bottom:1px solid #d0d0c6;}
div.links{background: #fff url(./img/bg_highlight_links.jpg) top center no-repeat;}
#subscribe{ width:23%; padding:0; text-align:center; background: #d60 url(./img/bg_syndicate.gif) top repeat-x; font:900 0.9em arial,monaco,sans-serif; border-right:1px solid #eed; border-bottom:1px solid #eed; border-left:1px solid #eed; }
#references{ padding-top:0; margin-bottom:0; background: #fff url(./img/bg_references.gif) bottom repeat-x; }
#introduction, #personal-note{ line-height:1.5em; margin-top:0; padding:0.5em 1em; background:#f6f6f0; border-bottom:1px dotted #d0d0c6; }
#personal-note{margin-bottom:1em;}
#controls{ position:relative; margin-bottom:2em; padding:0.66em 0 0.33em; border-bottom:1px dotted #d0d0c6; background:#f6f6f0; }
div.post{ padding-bottom:2em; }
#main-index div.post{ padding-bottom:1em; }
div.planet-post{ margin-top:0; padding:0 0 1em 0; }
div.note, p.url{ padding:0.2em 1.25em 0.2em 24px; line-height:1.6em; }
div.note{background: #f3f3f0 url(./img/bg_note2.gif) top left no-repeat;margin:1em 0;}
p.url{ display:block; clear:both;margin:1em 0; padding:0.66em 1.25em 0.66em 24px; background: #f3f3f0 url(./img/bg_url.gif) left no-repeat; overflow:hidden; }
#post-meta{ border-top:1px dotted #d6d6c0; }
div.share{ margin-bottom:3em; text-align:center; background: #f2f2f0 url(./img/bg_post-utilities.gif) bottom repeat-x; }
#comments{ position:relative; display:block; clear:both; margin: 0 5%;/*WinIE*/ }
#comments #preview{ position:relative; display:block; clear:both; width:100%; margin-top:1em; padding:0.2em 0; background: url(./img/bg_preview.gif) top center no-repeat; border-top:2px solid #420; }
#default-form{ position:relative; display:block; clear:both; }
#default-form #style-guide, #default-form #style-guide-controls, #default-form #account-prompt-on, #default-form #account-prompt-off{ margin-left:27%; width:71%; font-size:0.85em; }
#default-form #style-guide, #default-form #account-prompt-on{ padding-bottom:1em; }
#default-form #style-guide p, #default-form #style-guide-controls p, #default-form #account-prompt-on p, #default-form #account-prompt-off p{ margin:0; padding:0.5em 0 0.25em 0; font-size:1em; }
div.vevent{ padding-bottom:1em; border-bottom:0.1em solid #e0e0d6; }
.shelf{ height:1%; margin:0 5% }
.post .shelf div{ float:left; position:relative; width:46%; margin:1em 7% 0 0; }
.post .shelf div.http{margin-right:0;}
.post .shelf div p, .post .shelf div h2, .post .shelf div blockquote{ margin-right:0;margin-left:0; }
.post .shelf div img{ vertical-align:middle; }
#top-members, #member-meta, #member-status{ border-bottom:1px solid #e3e3e0; }
#deck #top-posts, #deck #top-articles, #deck #community, #deck #work{ float:left; width:26%; margin-right:5.9%; padding-top:1em; font-size:0.7em; line-height:1.4em; }
#deck #top-posts{ margin-left:5%; }
#deck #work, #deck #community{ float:right; margin-right:5%; width:26%; }

/*
Win IE 6- bug workarounds
----------------------------------------*/

#logo, #main, #main-index, #sup2, #deck #top-posts, #deck #top-articles, #deck #community, #deck #work, #main div.post div.phpsec, .httpdev{ display:inline; }
#content, #deck, #profile, #post-meta, #controls, #preview, #default-form, #default-form form, #default-form #style-guide, #default-form #style-guide-controls, #default-form #style-guide ul, #default-form #account-prompt-on, #default-form #account-prompt-off, #default-form #account-prompt-on ul, #comments.profile{height:1%;}
#default-form form{position:relative;}

}/*END media screen (also hides rules from IE5Mac)*/
